// 默认
.z-default {
    background-color: $default;
    color: $default-c;
    border-color: $default-bor;
    &:hover {
        background-color: $default-hover;
        color:$default-hover-c;
        border-color: $default-hover-bor;
    }
    // color: #333;
    // background-color: #fff;
    // border-color: #ccc;
    // &:hover {
    // }
}

// 首选项
.z-primary {
    background-color: $primary;
    color: $primary-c;
    border-color: $primary;
    &:hover {
        border-color: $primary-hover;
        color: $primary-hover-c;
        background-color: $primary-hover;
    }
}

// 一般信息
.z-info{
    background-color: $info;
    color: $info-c;
    border-color: $info-bor;
    &:hover {
        border-color: $info-hover;
        background-color: $info-hover;
    }
}

.z-link{
    color: #337ab7;
    &:hover{
        text-decoration: underline;
    }
}


// 成功
.z-success {
    background-color: $success;
    color: $success-c;
    border-color: $success-bor;
    &:hover {
        border-color: $success-hover;
        background-color: $success-hover;
    }
}

// 警告
.z-warning {
    background-color: $warning;
    color: $warning-c;
    border-color: $warning-bor;
    &:hover {
        background-color: $warning-hover;
    }
}

// 错误
.z-danger {
    background-color: $danger;
    color: $danger-c;
    border-color: $danger-bor;
    &:hover {
        background-color: $danger-hover;
    }
}

// 禁止
.z-disabled {
    background-color: $disabled;
    color:$disabled-c;
    border-color: $disabled;
    &:hover {
        background-color: $disabled-hover;
    }
}

// 绿色
.z-green {
    background-color: $green;
    color: #fff;
    border-color: $green;
    &:hover {
        color: #fff;
        background-color: #429842;
        border-color: #429842;
    }
}

// 橙色
.z-orange {
    background-color: $orange;
    color: $orange-c;
    border-color: $orange;
    &:hover {
        background-color: $orange-hover;
        border-color: $orange-hover;
    }
}

.z-yellow {
    background-color: $yellow;
    color: $yellow-c;
    border-color: $yellow;
    &:hover {
        background-color: $yellow-hover;
        color: $yellow-c;
        border-color: $yellow-hover;
    }
}

// 吃色
.z-secondary {
    background: $secondary;
}

// 灰色
.z-gray {
    background-color: $gray;
    color: $gray-c;
    border-color: $gray;
    &:hover {
        background-color: $gray-hover;
        border-color: $gray-hover;
    }
}

// 灰色
.z-red {
    background-color: $red;
    color: $red-c;
    border-color: $red;
    &:hover {
        background-color: $red-hover;
        color: $red-hover-c;
        border-color: $red-hover;
    }
}

// 蓝色
.z-blue {
    // background-color: #3bb4f2;
    // color: #fff;
    // border-color: #3bb4f2;
    // &:hover {
    //     background-color: #19a7f0;
    // }
    background-color: $blue;
    color: $blue-c;
    border-color: $blue;
    &:hover {
        color: $blue-hover-c;
        background-color: $blue-hover;
    }
}

.z-c {
    color: $bg;
}

.z-c-red {
    color: $red;
}

.z-c-gray {
    color: #929292;
}

.z-c-orange {
    color:$orange;
}

.z-c-white {
    color: #fff;
}

.z-bg-white {
    background: #fff;
}
